<template>
  <div class="page_box">
    <img ref="myimg" src="../yxl.svg" />
  </div>
</template>

<script>
export default {
  mounted() {
    // this.$refs.myimg.pro("background", "red");
  },
};
</script>

<style scoped lang="scss">
.page_box {
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
  img {
    width: 100%;
    height: 100%;
    position: absolute;
    position: absolute;
    top: 20px;
    left: -100px;
    filter: drop-shadow(100px 0 red);
  }
}
</style>
